Краткое описание проекта
Была необходимость сделать функционал для работы некоторых элементов на промо-сайте BMW. Чтобы страница прокручивалась к определённому блоку, форма заказа открывалась, вкладки с информацией переключались и прочее.
Задача: что нужно было сделать
Мне предоставили готовую вёрстку промо-страницы, в которой необходимо настроить работу разных элементов: прокрутка (якорь) к определённому блоку при нажатии на раздел меню, переключение между вкладками (табы) с разной информацией, открытие и закрытие модального (всплывающего) окна, отправка запроса из формы на электронную почту администратора, переключение характеристик (аккордеон), бургер-меню в мобильной версии.
Видео-гид по сайту
Процесс и детали
Весь код был написан на JavaScript.
Прокрутка (якорь) к определённому блоку при нажатии на раздел меню. Она работает не только с меню, но и с кнопкой ниже «Тест драйв», а также с иконкой скролла.
В разделе «Дизайн» я реализовал переключение между вкладками (табы) с разным дизайном автомобиля.
При нажатии на «Узнать больше» открывается модальное (всплывающее) окно с формой связи, которую я также настроил. Окно закрывается нажатием на крестик, мимо самого окна, кнопкой ESC.
В разделе «Характеристики» реализовано переключение характеристик (аккордеон).
В мобильной версии разместил бургер-меню, в котором также работает scroll (якорь).
== Для разработчиков ==
Для написания проекта были использованы следующие навыки: JavaScript